<template>
    <div class="out">
        <div class="header">
            <div @click="go">⬅</div>
            <h2>退出登录</h2>
            <div>
            </div>
        </div>
        <ul class="down">
            <li class="up">
                <span>
                    设置密码
                </span>
                <span>
                    >
                </span>
            </li>
            <li><button @click="goout">退出登录</button></li>
        </ul>

    </div>
</template>

<script>
    export default {
        name: 'Out',
        methods: {
            go() {
                window.history.go(-1)
            },
            goout() {
                 this.$router.push("/")
                 
                //  if (!this.userinfo) {
                //     // 未登录 统一推到验证码登录页面
                //     this.$router.push({
                //         path: "/login"
                //     });
                //     return;
                // }
                
            }
        }

    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
    .out {
        background: #eee;
    }

    .header{
        height: 50px;
        width: 100%;
        background: white;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .down {
        margin-top:10px;
        padding:15px;
        box-sizing: border-box;
        height: 150px;
        width: 100%;
        background: white;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
    }

    .up {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px;
        line-height: 60px;
        color: gray;
    }

    button {
        width:100%;
        color: white;
        background: orange;
        line-height:50px;
        text-align: center;
        border: none;
    }
</style>